/*定义变量*/
h1 {
  font-size: 60px;

}
h2 {
  font-size: 48px;
}
h3 {
  font-size: 36px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
p {
  font-size: 14px;
}


.Percentage{    position: absolute;
  top: 50%;
  left: 50%;
  color:#fff;
  transform: translate(-50%,-50%);}

.color{    position: absolute;
  left: 50%;
  margin-top: 5px;
  transform: translate(-50%);}

.div-2{position: relative;    float: left;
  margin-right: 10px;margin-bottom:30px;}
.one {
  width: 35px;
  height: 60px;
  margin: 0 25px;

}
.two {
  position: absolute;
  width: 35px;
  height: 60px;
  left: 25px;
  top: 0;
  transform: translate(-50%,-50%);
  transform: rotate(60deg);

}
.three {
  position: absolute;
  width: 35px;
  height: 60px;
  left: 25px;
  top: 0;
  transform: translate(-50%,-50%);
  transform: rotate(300deg);

}

.case_t{bottom:auto !important;}
/***********搜索页面************/
 ::-webkit-input-placeholder { /* WebKit browsers */
   color: #fff;
   font-size: 18px;
 }

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  font-size: 18px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
  font-size: 18px;
}
.search_box{position: relative;width:9.3rem;height:0.65rem;	padding-top:0.7rem;}
.search_box .search-btn{position:absolute; right:20px;top:0.85rem;    background: transparent;
  border: none;
  outline: none; cursor:pointer;}
.search_box input{
  width:9.3rem; height:0.65rem;background:transparent; border: 1px solid #fff;outline: none;
  border-radius:5px;
  padding:20px;color:#fff;font-size:18px;
}



#yn_header .search_box{position: absolute;width:2.2rem;height:0.3rem; right:0;top:0.15rem; padding-top:0; display: none;}
#yn_header .search_box .search-btn{position:absolute; right:0;top:0.05rem;    background: transparent;
  border: none;
  outline: none;
  cursor: pointer;}
#yn_header .search_box .search-btn img{width: 60%;}
#yn_header .search_box .search-btn img:last-child{display: none;}
.h_fixed .search_box .search-btn img:first-child{display: none !important;}
.h_fixed .search_box .search-btn img:last-child{display: block !important;}
.ny_header .search_box .search-btn img:first-child{display: none !important;}
.ny_header .search_box .search-btn img:last-child{display: block !important;}


#yn_header .search_box input{
  position: absolute;
  top:0;
  width:2.2rem; height:0.3rem;background:transparent; border: 1px solid #fff;outline: none;
  border-radius:30px;
  padding:0 0.2rem ;color:#fff;font-size:12px;
}
#yn_header ::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
  font-size: 14px;
}

#yn_header ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  font-size: 14px;
}

#yn_header :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
  font-size: 14px;
}



.ny_header .search_box{position: absolute;width:2.2rem;height:0.3rem; right:0;top:0.15rem;}
.ny_header .search_box .search-btn{position:absolute; right:0;top:0.05rem;    background: transparent;
  border: none;
  outline: none; cursor: pointer;}
.ny_header .search_box .search-btn img{width: 60%;}
.ny_header .search_box input{
  position: absolute;
  top:0;
  width:2.2rem; height:0.3rem;background:transparent; border: 1px solid #333 !important;outline: none;
  border-radius:30px;
  padding:0 0.2rem ;color:#333 !important;font-size:12px;
}
.ny_header ::-webkit-input-placeholder { /* WebKit browsers */
  color: #333 !important;
  font-size: 14px;
}

.ny_header ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #333 !important;
  font-size: 14px;
}

.ny_header :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #333 !important;
  font-size: 14px;
}
.h_fixed ::-webkit-input-placeholder { /* WebKit browsers */
  color: #333 !important;
  font-size: 14px;
}

.h_fixed ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #333 !important;
  font-size: 14px;
}

.h_fixed :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #333 !important;
  font-size: 14px;
}

.search_back{position: absolute;right:0;}
.search_list{width:100%; padding:30px 0; border-bottom:1px solid #eaeaea; }
.search_list span{display: block;margin-bottom:10px; font-size:12px; color:#666;}
.search_list h3{font-size:24px;}
.search_list p{width:70%;color:#666; font-size:14px; line-height: 1.7;}
.search_result{font-size:14px;color:#fff; position: absolute;bottom:0.15rem;right:0;}

/***********头部************/
.mobile_header{display:none ;}
#yn_header{display:block ;}
.tell{font-size:12px; display: inline; }
.tell a{font-size:12px; display: inline;}
#yn_header {
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 0.96rem;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  transition: all ease-out .3s;
}
#yn_header a {
  color: #ffffff;
  font-weight: bold;
}
.nav li a {
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  transition: all .36s ease;
}
.logo {
  width: 1.48rem;
  float: left;
  background: url(../images/logo.png) no-repeat;
  height: 0.51rem;
  background-size: 100% !important;
  margin-top: 0.23rem;
}
.tel {
  position: absolute;
  right: 0;
  top: 0.2rem;
  font-size: 12px;
  transition: all ease-out .3s;
  color:#eee;
}
.tel a {
  color: #eee !important;
}
.logo a {
  width: 100%;
  display: block;
  height: 0.51rem;
}

.nav  ul {display: flex; justify-content: flex-end;}

.nav li a:hover {
  border-bottom: 3px solid #ffffff;
  padding-bottom: 0.14rem;
}
.nav {
  width: 8.4rem;
  float: right;
  margin-top: 0.6rem;
  transition: all ease-out .3s;
}

.nav li  { text-align: right; }

.nav li a {
  float: left;
  display: block;
  width: 1.2rem;
  font-size:14px;
}
.ny_header {
  background: #ffffff !important;
  position: relative !important;
}
.ny_header .logo {
  background: url(../images/logo_b.png) no-repeat !important;
  background-size: 100% !important;
  transition: all ease-out .3s;
}
.ny_header .nav li a {
  color: #333333 !important;
}
.ny_header .nav li a:hover {
  border-bottom: 2px solid #0000ff !important;
  color: #0000ff !important;
}
.nav li.active a {
  border-bottom: 2px solid #0000ff !important;
  color: #0000ff !important;
  padding-bottom: 0.14rem;
}

.ny_header a {
  color: #333333 !important;
}
.ny_header .tel {
  color: #333333 !important;
}
.h_fixed {
  background: #ffffff !important;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  position: fixed !important;
  border-bottom: none !important;
  top: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 1001 !important;
  height:0.86rem !important;
}
.h_fixed .search_box{top:0.1rem !important;}
.h_fixed .search_box input{border:1px solid #333 !important; color:#333 !important;}


.h_fixed .logo {
  background: url(../images/logo_b.png) no-repeat !important;
  background-size: 100% !important;
  margin-top:0.15rem;
}
.h_fixed .nav{margin-top:0.49rem !important;}
.h_fixed .tel{top:0.15rem !important; color:#333 !Important;}
.h_fixed .nav li a {
  color: #333333 !important;
}
.h_fixed .nav li a:hover {
  border-bottom: 2px solid #0000ff !important;
  color: #0000ff !important;
}
.h_fixed a {
  color: #333333 !important;
}
/***********首页banner************/
#yn_banner {
	width:100%;
	clear:both;
	height:13rem;
	padding-bottom:0rem;
}
#yn_banner .swiper-container {
  height: 13.5rem;
  padding-bottom: 1rem;
}
.swiper-slide {  position: relative;}

.ban_slogen { position: absolute;
    top: 4.13rem;
    z-index: 96;
    width: 100%;
    height: auto; }

.ban_slogen h1 {
   font-size: 0.84rem; color: #fff; 
   font-weight: bold;
   line-height: 1.2;
   text-transform: uppercase;
   font-family: -webkit-body;
}

.slide_text {
  position: absolute;
  bottom: 4.8rem;
  left: 2.6rem;
  color: #fff;
}
.slide_text h2:nth-child(2){font-size:30px; font-weight:normal;}

.slide_text h1 {  color: #ffffff;}

.slide_text h2 {  color: #ffffff;}

.slide_text p {
  display: inline-block;
  color: #ffffff;
  padding: 0.1rem 0;
  font-size: 24px;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  margin-top: 0.65rem;
  text-transform: uppercase;
  font-weight: lighter;
}
#yn_banner .swiper-pagination-bullet {
  display: inline-block;
  width: 30px;
  height: 2px;
  border-radius: inherit !important;
  background: #bfbfbf;
  margin: 0 12px;
  opacity: 0.8;
  cursor: pointer;
  
}
#yn_banner .swiper-pagination {
  text-align: left;
  left: 2.6rem;
  bottom: 0.6rem;
  width:15%;
  display: none; /*9-18*/
}
#yn_banner .swiper-pagination-bullet-active {
  background: #0000ff;
}
#yn_banner .swiper-button-next {
  bottom:5.8rem;
  top: inherit;
  right: 2.6rem;
  left: auto;
  width: 0.21rem;
  height: 0.36rem;
  background: url(../images/prev_r1.png) no-repeat !important;
  background-size: 100% !important;
 transition:all .3s ease;

}
.s_bmore{position: relative; margin-top:0.55rem; display: block; border-top: 1px #fff solid; line-height: 3; text-align: right;   } /*9-18*/

.s_bmore:before {
  content: " MORE";
  color: #fff; 
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  right: 0.3rem;
}

.s_bmore img { display: none !important; }

.s_bmore:after {
  content: ">";
  color: #0000ff;
  background-color: #fff;
  font-weight: bold;
  border-radius: 50%; 
  text-transform: uppercase;
  position: absolute;
  right: 0rem;
  top: 0.1rem;
  text-align: center;
  width: 20px;
  line-height: 20px;
  height: 20px; 
}


#yn_banner .swiper-button-next:hover{  background: url(../images/prev_r.png) no-repeat !important;background-size: 100% !important;}
#yn_banner .swiper-button-prev:hover{  background: url(../images/next_l1.png) no-repeat !important;background-size: 100% !important;}
#yn_banner .swiper-button-prev {
  bottom:5.8rem;
  top: inherit;
  left: 72%;
  width: 0.21rem;
  height: 0.36rem;
  background: url(../images/next_l.png) no-repeat !important;
  background-size: 100% !important;
  transition:all .3s ease;
}

.s_more {
  width: 0.54rem;
  height: 0.47rem;
  background: url(../images/arrow_more3.png) no-repeat;
  background-size: 100%;
  transition: all .3s ease;
  display: block;
  margin-top: 0.4rem;
}

.slide_ct:hover .s_more {    background: url(../images/arrow_more2.png) no-repeat;  background-size: 100%;}

.slide_ct { /*9-18*/
  transition: all .3s ease;
  position: absolute;
  bottom: 1.38rem;
  width: 40%;
  right:2.6rem;
  background: #0000ff;
  color: #fff;
  padding: 0.5rem 0.3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
      z-index: 200;

  box-shadow: 0 0px 85px rgba(0,0,0,0.2);
}

.slide_ct p {width: 50%; float: right; padding-top: 0.1rem;}/*9-18*/

.slide_ct img {  margin-top: 0.4rem;  display: block;}

.slide_ct h4 {  line-height: 1.5;  margin-bottom: 0rem; width: 35%; font-size: 0.3rem;float: left; margin-right: 7%;  position: relative; padding-top: 1.2rem;}

.slide_ct h4:before { content: "We are unison"; line-height: 1.2;font-size: 33px; width: 80%; margin-bottom: 0.5rem; text-transform: uppercase; color: #fff; position: absolute; top: -0.2rem ; left: 0;}

.slide_ct h4:after { content: ""; width: 0.35rem; height: 2px; background-color: #fff; position: absolute; top: 1rem; left: 0; }

/***********首页intro************/
#yn_intro {  position: relative; background: #e5e5e5;  height: 8.2rem;}

#yn_intro .swiper-container {  height:5.2rem; margin-top: 3rem;}

.intro_text h4 {  text-transform: uppercase;}

.intro_text h1 {  line-height: 1;  margin-bottom: 0.3rem;}

.index_video {
        width: 8.5rem;
    height:5.95rem;
    object-fit: cover;
    position: absolute;
    left: -10.6%;
    top: 0;
    z-index: 22;
    overflow: hidden;
}
.num_scroll {
  border-bottom: 1px solid #ccc;
  width: 3.5rem;
  padding: 0.2rem 0;
}
.num_scroll span {
  display: inline-block;
  line-height: 1;
}
.num_scroll span:first-child {
  font-size: 48px;
}
.intro_text {
  position: absolute;
  top: 0.8rem;
  left: 2.6rem;
  z-index: 2;
  color: #fff;
}
.intro_fr {
  position: absolute;
  right: 0;
  top: 0;
  /*top: 1.65rem;*/
  width: 7.65rem;
}
.video_bg {
  width:11.25rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.video_bg .more {
  position: absolute;
  top: -0.5rem;
  right: 0;
  height: 0.28rem;
  width:1.12rem;
}
.video_bg img {
  position: absolute;
  right: -2.8rem;
  top: 2.64rem;
  /*top: 1.65rem;*/
  width: 13.45rem;
}
.intro_fl img {
  width: 78.8%;
}
.intro_fr img {
  width: 100%;
}
.intro_nav {
  position: absolute;
  width: 51%;
  top: 0.5rem;
  bottom: auto;
  left: auto;
  right: 2.6rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  z-index: 999;
 /* display: none;*/
}

.intro_nav:before { content: "WHY US?"; color: #0000ff; font-weight: bold; font-size:0.64rem; position: absolute; left: -43%; top: 9%;} 

.intro_nav:after { content: "我们的优势" !important;color: #a0a0a0; font-size: 0.3rem; font-weight: bold; position: absolute; left: -43%; top: 59%;}

.intro_nav li {
  box-sizing: border-box;
  padding: 0.2rem;
  /*width: 2.3rem;*/
  width: 33%;
  height: 1.5rem;
  float: left;
  /*border: 1px solid #d9d9d9;*/
  border: none;
  position: relative;

  padding-left: 8%;
}
.intro_nav li:nth-child(2){border-left: none;}
.intro_nav li:nth-child(3){border-left: none;}
.intro_nav li:nth-child(4){border-left: none;}

.intro_nav li p {  font-size: 12px;}

.intro_nav li span {
  position: absolute;
  right: 0.2rem;
  top: 0.05rem;
  display: none; /*9-18*/
}
#yn_intro .intro_nav h5 {  margin-bottom: 0.07rem;}


.intro_nav li.active {
  background: transparent;
  color: #0000ff;
  border:none;
}
.intro_nav li.active p {  display: block;}


.intro_nav li:nth-child(1) { background-image: url(../images/icon_d.png); background-repeat: no-repeat; background-position: 3% 0.3rem;  transition: all .3s;}

.intro_nav li.active:nth-child(1) { background-image: url(../images/icon_d_hover.png); background-repeat: no-repeat; transition: all .3s;}

.intro_nav li:nth-child(2) { background-image: url(../images/icon_sq.png); background-repeat: no-repeat; background-position: 3% 0.3rem; transition: all .3s;}

.intro_nav li.active:nth-child(2) { background-image: url(../images/icon_sq_hover.png); background-repeat: no-repeat;  transition: all .3s;}

.intro_nav li:nth-child(3) { background-image: url(../images/icon_spot.png); background-repeat: no-repeat; background-position: 3% 0.3rem; transition: all .3s;}

.intro_nav li.active:nth-child(3) { background-image: url(../images/icon_spot_hover.png); background-repeat: no-repeat;  transition: all .3s;}

.intro_nav li span {  font-size: 24px;  text-align: right;}
/*.intro_nav li:last-child {*/
  /*border-right: none;*/
/*}*/
#yn_intro .intro_nav h5,
#yn_intro .intro_nav p {
  -webkit-transform: translate3d(0, 0.6rem, 0);
  transform: translate3d(0, 0.1rem, 0);
}
#yn_intro .intro_nav h5 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
#yn_intro .intro_nav p {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}
#yn_intro .intro_nav li.active p {
  opacity: 1;
}
#yn_intro .intro_nav li.active h5,
#yn_intro .intro_nav li.active p {
  -webkit-transform: translate3d(0, -0.08rem, 0);
  transform: translate3d(0, 0.1rem, 0) !important;
}
#yn_intro .intro_nav li.active p {

  color: #0000ff;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}


/***********解决方案************/

.service_wrap{
  height:4.15rem; 
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
}
.cervice_title h3 {margin-bottom:0.4rem;}
.st_service .vct_lilst{
  width:25%; 
  float: left;
  border-left:1px solid #ccc;
  height:4.15rem; 
  padding:0.3rem 0 0 0.25rem;
}
.st_service .vct_lilst h4{
  padding:0.2rem 0 0.4rem 0;
}
.st_service .vct_lilst p{
  margin-bottom:0.15rem;
}
.st_service .vct_lilst:last-child{
  border-right:1px solid #ccc;
}
.st_solution{position: relative;}
.sol_title{position: absolute; top:1.25rem;}
.w_solution{width:100%; height:6.35rem;position: relative;}
.st_nav{text-align: center;}
.st_nav ul{
  display: inline-block;
  width:6.95rem; 
  height:0.46rem;
  margin:0.8rem 0 0.5rem 0;
  border:1px solid #ccc;

}
.st_nav .active{background: #0000ff; color:#fff;}
.st_case{margin-top:1.2rem;}
.st_nav li{
  width:33.33%; 
  float: left;
  border-right: 1px solid #ccc;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.st_nav li:last-child{
  border-right:none;
}

.w_solution .intro_fl{
   position: relative;
   width:50%;
   float: left;
   height:5.6rem; 
   background:#f5f5f5;
   margin-top:0.75rem;
   padding-left:2.6rem;
   padding-top:0.8rem;
   padding-right:1.1rem;
   }
   .st_text h1{
     position: absolute;
     top:0.4rem;
     right:0.45rem;
     opacity: 0.1;
   }
  .w_solution .intro_fl span{
    display: block;
    width:0.35rem; 
    height:2px; 
    margin:0.2rem 0 0.35rem 0;
    background: #0000ff;
  }
  .w_solution .intro_fl a{
    position: absolute;
    bottom:0;
    height:0.8rem;
    width:7rem;
    right:0;
    background: #0000ff;
    line-height: 0.8rem;
    text-align: center;
    color:#fff;


  }
  .w_solution .swiper-pagination-bullets {
    position: absolute;
    z-index: 20;
    top: 0.1rem;
    bottom: auto !important;
    text-align: right;

    text-align: left;
    padding-left: 8rem;
    box-sizing: border-box;
  }
  .w_solution  .swiper-pagination-bullet {
    display: inline-block;
    width: 0.3rem;
    height: 2px;
    border-radius: inherit !important;
    background: #bfbfbf;
    margin: 0 12px;
    opacity: 0.8;
    cursor: pointer;
  }
  .w_solution  .swiper-pagination-bullet-active {
    background: #0000ff;
  }
.ny_bg{position: relative; height:100%;}
.num_intro{position: absolute; bottom:0.85rem;right:0;}
.s_intro p{font-size:24px;}
.s_intro{position: absolute; bottom:0.85rem;}
.num_list{width:33.33%; float: left;padding-left:0.5rem;}
.num_list p{ text-align: center;font-size:18px;}
.w_solution .intro_fl p{margin-bottom:0.3rem;}
.w_solution .st_fr{width:50%; float: left;height:5.6rem;}
.vct_lilst{position: relative; overflow: hidden;}
.figcaption{position: relative; z-index: 222; transition: all ease .6;}
.st_bb::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(right, rgba(0,0,225,0) 0%, rgba(0,0,225,0.8) 100%);
	background: linear-gradient(to left, rgba(0,0,225,0) 0%, rgba(0,0,225,0.8) 100%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  	-webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
	transition: opacity 0.35s, transform 0.6s;
}
.vct_lilst .st_bb{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.vct_lilst .st_bb img{
  width:100%;
  opacity: 0;
  }
.vct_lilst:hover .figcaption{color:#fff;}
.vct_lilst:hover .st_bb img {opacity: 1;}
.vct_lilst:hover .st_bb::before
 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.tu2{opacity: 0; position: absolute; left:0;}
.vct_lilst:hover .tu2{opacity: 1;}

/***********成功案例************/
.case_title h3 {  margin-bottom: 0.32rem; line-height: 1.1; color: #acadad;font-size: 0.3rem;  font-weight: normal;}

.case_title b {color: #0000ff;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.54rem;}

#yn_case {  margin: 1.4rem 0 0.7rem 0;}

.case_list {
  width: 33%;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #fff;
}
.case_img {
  position: relative;
  height: 2.95rem;
  overflow: hidden;
}
.case_img > img {
  width:100%;
  height: 2.95rem;
  object-fit: cover;
  transition: all 0.6s ease;
}
.case_mask {
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, .3), transparent);
  background: linear-gradient(bottom,rgba(0, 0, 0, .3), transparent);

  width: 100%;
  height: 2.95rem;
  bottom: 0.15rem;
  right: 0.15rem;
  transition: all .36s ease;
}
.case_mask img {
  position: absolute;
  top: -50%;
  left: 50%;

  transition: all .6s ease;

  transform: translate(-50%,-50%);
}
.case_text h5,
.case_text p {
  position: inherit;
  top: auto;
  left: auto;
  margin-left: 0;
  transition: all 0.6s ease 0s;
}
.case_list:hover .case_img > img {
  transform: scale(1.05);
}
.case_list:hover .case_text .case_more {
  background: url(../images/arrow_more2.png) no-repeat;
  background-size: 100%;
}
.case_list:hover .case_text h5
{
  color:#0000ff;
}
.case_list:hover .case_mask img {
  top: 40%;
}
.case_text .case_more {
  transition:all .3s ease;
  width: 0.54rem;
  height: 0.47rem;
  background: url(../images/arrow_more3.png) no-repeat;
  position: absolute;
  bottom: 0.4rem;
  right: 0.2rem;
  background-size: 100%;
}
/*.case_list:hover .case_mask {
  background-color: rgba(0, 0, 102, 0.7);
}*/
.case_list:hover .case_mask img {
  opacity: 1;
}
.case_text {
  position: relative;
  padding: 0.3rem 0.2rem;
  border: none;
  border-top: none;
}
.case_text h5 {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height:21px;
  line-height: 21px;
}
.case_text p {
  width:80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case_list:nth-child(3n-1) {
  margin: 0 0.5%;
}
/***********首页客户评价************/
#yn_uate {
  margin: 1.2rem 0 0 0;
  position: relative;
  height:8.1rem;
  overflow: hidden;
}
#yn_uate .more {
  height: 0.25rem;
  top: 0.2rem;
  left: 50%;
  margin-left: -1.5rem;
  z-index: 999;
  height: auto;
  font-weight: bold;
  font-size: 14px;
}
#yn_uate .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0.1rem;
  text-align: right;
  right: 2.6rem;
  box-sizing: border-box;
  display: none;
}
#yn_uate .swiper-pagination-bullet {
  display: inline-block;
  width: 0.3rem;
  height: 2px;
  border-radius: inherit !important;
  background: #bfbfbf;
  margin: 0 12px;
  opacity: 0.8;
  cursor: pointer;
}
#yn_uate .swiper-pagination-bullet-active {  background: #0000ff;}

#tabs-container {  width: 100%;  float: left;  position: absolute;}

.content-slide img { width: 100%; }

.content-slide {overflow: hidden;}

.clien_slogen { 
      width: 100%;
    height: 91.8%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  color: #fff;
  background: linear-gradient( left, rgba(0,0,255,0.2) 1%,rgba(0,0,255,0.9) 90%);
  background: -moz-linear-gradient(left, rgba(0,0,255,0.2) 1%,rgba(0,0,255,0.9) 90%);
  background: -webkit-linear-gradient( left,  rgba(0,0,255,0.2) 1%,rgba(0,0,255,0.9) 90%);
}

.clien_slogen p { font-size: 0.24rem; line-height: 1.3; margin-top: 37%; }


.tabs {
  width: 50%;
  position: relative;
  z-index: 1000;
  float: right;
  height: 6.85rem;
  background: transparent;
  margin-top: 1.25rem;
}
#yn_uate .content-slide p {
  color: #ffffff;
  position: absolute;
  bottom: 1.5rem;
  left: 2.6rem;
  right: auto;
  width: 40%;
  padding-right: 1rem;
  font-size: 24px;
  line-height: 1.5;
}
#tabs-container h1 {
  margin-bottom: 0.4rem;
  margin-left: 2.6rem;
  line-height: 1;
}

#tabs-container h1.seoh3 { color: #acadad;  font-size: 0.3rem; font-weight: normal;}

#tabs-container h1.seoh3 a { float: right; display: inline-block; color: #0000ff; font-size: 0.2rem; font-weight: bold; position: relative; margin-right: 2.6rem; }

/*#tabs-container h1.seoh3 a:after {
  content: ">" ;
  font-size: 0.2rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #0000ff;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  top: -3px;
  line-height: 1.3;
  font-weight: lighter;
}*/

#tabs-container h1.seoh3 b {
  color: #0000ff;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.54rem;
}


#tabs-container .seoppp {
  margin-bottom: 0.4rem;
  margin-left: 2.6rem;
  line-height: 1;
}

#tabs-container .seoppp { color: #acadad;  font-size: 0.3rem; font-weight: normal;}

#tabs-container .seoppp a { float: right; display: inline-block; color: #0000ff; font-size: 0.2rem; font-weight: bold; position: relative; margin-right: 2.6rem; }
#tabs-container .seoppp b {
  color: #0000ff;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.54rem;
}


.uate_tab {
  padding-right: 2.6rem;
  border-bottom: 1px solid #ffffff;
  box-sizing: border-box;
  height: 1.715rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  color: #fff;
}

.tabs .uate_tab:hover {
  background: transparent;
  opacity: 1;
  color: #fff;
}

.tabs .uate_tab:hover .u_line {  background: #fff;}

.tabs .uate_tab:hover .u_img,.tabs .uate_tab .u_img  {  display: none;}

.tabs .uate_tab .u_img2 {  display: block;}

.tabs .uate_tab.active {
  background: transparent;
  opacity: 1;
  color: #fff;
}

.tabs .uate_tab.active .u_line {  background: #fff;}

.uate_limg {
  width: 2.95rem;
  float: left;
  height: 1.71rem;
  display: flex;

  align-items: center;
}
.uate_text {
  width: 70%;
  float: left;
  padding-left: 0.5rem;
}
.uate_limg .u_img {
  width: 1.4rem;
  height: 1rem;
  margin-left:0.9rem;
  background-size: 100% !important;
}
.uate_limg .u_img2{
  display: none;
  width: 1.4rem;
  margin-left:0.9rem;
  height: 1rem;}
.tabs .uate_tab.active .u_img {
 display: none;
}
.tabs .uate_tab.active .u_img2 {
  display: block;
}

.u_line {
  height: 0.65rem;
  width: 1px;
  background: #999;
}
.uate_limg img {
  width: 1.25rem;
}
.uate_text h5 {
  margin-bottom: 0.05rem;
}
.uate_text p {
  line-height: 1.4;
}

#tabs-container .swiper-button-next {
  height: 0.36rem;
  background: url(../images/prev_r.png) no-repeat !important;
  z-index: 999;
}
#tabs-container .swiper-button-prev {
  height: 0.36rem;
  background: url(../images/next_l.png) no-repeat !important;
  z-index: 999;
}
/***********首页公司新闻************/
#yn_news {
  margin: 0.7rem 0;
}
.news_ct li {
  display: none;
}
.news_ct li:first-child {
  display: block;
}
.news_nav {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.4rem;
  position: relative;
}
.news_nav li {
  padding-bottom: 5px;
  float: left;
  font-size: 0.24rem;
  margin-right: 1.4rem;
  color:#666666;
}
.news_nav li.active {
  color: #0000ff;
  border-bottom: 3px solid #0000ff;
}
.more {
  font-weight: bold;
  font-size: 14px;
  padding: 0.02rem 0;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  bottom: 0.1rem;
}
.news_thumb {
  position: relative;
  height: 2.2rem;
  overflow: hidden;
}
.news_thumb > img {
  width:100%;
  height: 2.2rem;
  object-fit: cover;
  transition: all 0.6s ease 0s;
}
.news_more {
  position: absolute;
  top: 0;
  transition: all .36s ease;
  left: 0;
  background-color: rgba(0, 0, 102, 0);
  width: 100%;
  height: 2.2rem;
  bottom: 0.15rem;
  right: 0.15rem;
  display: none;
}
.news_more img {
  position: absolute;
  bottom: 0.15rem;
  right: 0.15rem;
}
.news_list:hover .news_more {
  background-color: rgba(0, 0, 102, 0.7);
}
.news_list{transition:all 0.6s ease;}
.news_list:hover{
  box-shadow: 0 0 5px 2px #ccc;

}
.news_list:hover .news_thumb > img {
  transform: scale(1.05);
}
.news_list h5 {
  transition: all .36s ease;
  height: 0.5rem;
  line-height: 0.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news_list:hover h5 {
  color: #0000ff;
}
.news_detail {
  padding: 0.3rem 0.2rem;
  border: 1px solid #ccc;
  border-top: none;
}
.news_detail p {
  height:0.75rem;
  line-height:0.25rem ;
  margin: 0.15rem 0 0.25rem 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news_detail span {
  font-size:12px;
}
.news_list {
  width: 24.625%;
  margin-right: 0.5%;
  float: left;
}
.news_list:last-child {
  margin-right: 0;
}

/***********首页新闻改版6.20************/
.news_wrap p img{display: block;margin:0 auto;}
.news_list1{  width: 32.83333%;  margin-right: 0.5%;  float: left;}
.news_list1:nth-child(3n){margin-right:0;}

.news_list1 .news_thumb{height:1rem;  overflow: hidden;}

.news_list1 .news_thumb>img{height:2.5rem !important; object-fit: cover;width:100%; transition:all .6s ease; display: none;}

.news_list1:hover .news_thumb>img{transform:scale(1.05);}

.news_list1 .news_more{height:100% !important;}

.news_list1 .news_more img{    position: absolute;
  bottom: 0.76rem !important;
  right: 0.2rem;
  z-index: 5;
}

.news_list1 .news_t{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height:1rem;
  position: absolute;
  bottom: 0;
  background:#d0d2d4;
  width: 100%;
  padding: 0.15rem;
  color: #fff;
}

.news_list1 .news_t small {  display: block;  color: #fff;  width: 100%;}

.news_list1 .news_t h5{
    color: #515355;
    font-weight: bold;
    margin-top:0rem;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news_ctwrap p{position:relative;margin-bottom:0.15rem; }
.news_ctwrap a{width:100%; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;
  border-bottom: 1px solid transparent;
  transition:all .3s ease;
}
.news_ctwrap p:hover a{color:#0100e2; border-bottom: 1px solid #0100e2;}
.news_ctwrap span{}
.news_ctwrap{
  height:2.65rem;
/*  height:3.45rem;*/
  overflow: hidden;
  background: #fff;padding: 0.2rem 0.15rem;}


/*品牌客户*/
.partner_title { display: none; }

.contact {    margin-left: 2.6rem;}


/***********首页合作品牌************/
#yn_partners {
  margin: 1.4rem 0;
}
.partner_title h3 {
  text-transform: uppercase;
  margin-bottom: 0.3rem;
}
.partner_ct li {
  position: relative;
  width: 16.25%;
  float: left;
  margin-right: 0.5%;
  border: 1px solid #cccccc;
  overflow: hidden;
  padding:0.15rem;
  text-align: center;
}
.partner_ct li:last-child {
  margin-right: 0;
}
.partner_ct li img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  transition: all 0.6s ease 0s;
  width:70%;
}
.partner_ct li:hover img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  transform: scale(1.05);
}
/***********内业新闻************/
.ny_news_nav {
  height: 1.55rem;
}
.ny_news_ct {
  padding: 0.5rem 0 ;
}
.ny_news_ct .news_list {
  margin-bottom: 0.4rem;
}
.ny_news_ct li:first-child {
  display: block;
}
.ny_news_ct li {
  display: none;
}
.ny_news_ct .news_list:nth-child(4n) {
  margin-right: 0;
}
.ny_news_nav > .container {
  height: 1.55rem;
}
.ny_news_nav ul {
  position: absolute;
  bottom: 0;
}
.ny_news_nav li {
  float: left;
  font-size: 24px;
  color: #fff;
  margin-right: 1.4rem;
}
.ny_news_nav li.active {
  border-bottom: 2px solid #fff;
}
/***********内业新闻详情************/

.news_lct span {
  display: block;
  padding: 0.1rem 0 0.2rem 0;
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #ccc;
}
.news_lct h1 {
  padding-bottom:0.2rem !important;
  border-bottom: 1px solid #ccc;
  margin-bottom:20px !important;
}
.news_lct {
  width: 10.5rem;
  float: left;
  padding-bottom: 1rem;
}
.news_lct p {
  margin-bottom: 0.2rem;
  font-size:16px;
}
.news_rsider {
  background: #f6f6f6;
  width: 3rem;
  float: right;
}
.sider_title {
  color: #fff;
  background: #0000ff;
  height: 0.52rem;
  line-height: 0.52rem;
  padding-left: 0.2rem;
  position: relative;
}
.sider_title a {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  top: 0;
}
.news_lct b {
  margin: 0 0.1rem;
}
.sider_ct {
  padding: 0 0.2rem;
}
.sider_list {
  padding: 0.25rem 0;
  border-bottom: 1px solid #ccc;
}
.sider_list:last-child {
  border-bottom: none;
}
.sider_list span {
  text-transform: uppercase;
  font-size: 12px;
}
.news_page {
  border-top: 1px solid #ccc;
  padding-top: 0.3rem;
  position: relative;
}
.news_page a {
  border: 1px solid #ccc;
  padding: 0.1rem 0.2rem;
  transition: all 0.6s ease 0s;
}
.news_page a:hover {
  background: #0000ff;
  color: #ffffff;
}
.news_page .p_next {
  position: absolute;
  left: 0;
}
.news_page .p_prev {
  position: absolute;
  right: 0;
}
.page {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .pagination{  text-align: center;
  flex-direction: row;
  display: flex;
  border: 1px solid #ccc;}
.page .pagination li{display: inline-block;  width: 0.34rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-right: 1px solid #ccc;
  text-align: center;}
.page .pagination li.active{  background: #0000ff;
  color: #fff;
}
.page .pagination li:last-child{ border-right: none;}

.page p {
  text-align: center;
  flex-direction: row;
  display: flex;
  border: 1px solid #ccc;
}
/*.page a {*/
  /*width: 0.34rem;*/
  /*height: 0.34rem;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*background: #fff;*/
  /*border-right: 1px solid #ccc;*/
  /*text-align: center;*/
/*}*/
/*.page .curr,*/
/*.page a:hover {*/
  /*background: #0000ff;*/
  /*color: #fff;*/
  /*border: 1px solid #40026f;*/
/*}*/
.page .pagination li:last-child {
  border-right: none;
}
/***********内页案例************/
#ny_banner {
  height: 4.6rem;
  background-size: 100%;
}
.ny_locotion {
  margin: 0.2rem auto 0.8rem auto !important;
}
.ny_locotion a,
.ny_locotion p {
  color: #666;
}
.ny_locotion span {
  color: #000;
}
.ny_bg {
  color: #ffffff;
  padding-top: 1.5rem;
}
.ny_bg span {
  width: 0.32rem;
  height: 2px;
  display: block;
  background: #fff;
  margin: 0.12rem 0 0.28rem 0;
}
.n_case_nav li {
  float: left;
  width: 1.3rem;
  height: 0.44rem;
  border: 1px solid #ccc;
  border-right:none;
  text-align: center;
  line-height: 0.44rem;
  font-size: 14px;
}
.n_case_nav li:last-child{border-right:1px solid #ccc;}

.n_case_nav li.active {
  background: #0000ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.n_case_nav li.active a {

  color: #ffffff;
}
.ct_lf{padding-top:20px;}
.ct_lf h1{color:#fff !important; font-size:36px; }
.n_case_nav li a{display:block;}
.n_case_nav {

  display: inline-block;
}
.n_case_wrap li {
  display: none;
}
.n_case_wrap li:first-child {
  display: block;
}
.n_case_wrap {
  margin-top: 0.1rem;
}
.n_case_nav {
  margin-left: 2.34rem;
  margin-top: -0.6rem;
}
.case_dtitile {
  position: relative;
  height: 9.8rem;
}
.case_dtop {
  height: 6.55rem;
  background: #004193;
  padding-top: 1.3rem;
}
.case_dbg {
  width: 12.28rem;
  height: 8.66rem;
  background: url(../images/case_dnt.png) no-repeat;
  background-size:100%;
  margin-top: -4.2rem;
  position: relative;
  margin-left: 0.86rem;

}

.case_dbg img{
  width:9.05rem;
  height:5.8rem;
  object-fit: cover;
  position: absolute;
  left:1.69rem;
  top:0.42rem;
}
.case_dtop h3,
.case_dtop p {
  color: #ffffff;
  text-align: center;
}
.case_dtop p {
font-size:16px;
}
.case_dtop a {
  position: absolute;
  top: 1.3rem;
  left: 1.1rem;
}
.more_case h5 {
  margin-bottom: 0.2rem;
}
.case_dintro {
  padding: 1.1rem 0;
}
.dintro_ct{padding:0 1.1rem;}
.case_dintro .seo30px{padding:0 1.1rem;}
.case_dintro h3 {
  padding-bottom: 0.28rem;
  margin-bottom: 0.4rem;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.dintro_color {
  width: 30%;
  float: left;
}
.dintro_text {
  width: 70%;
  float: left;
}
.case_dintro h5 {
  margin-bottom: 0.15rem;
}
.dintro_text p {
  margin-bottom: 0.25rem;
}
.dcase_end {
  padding-bottom: 180px;
  text-align: center;
}
.dcase_end p,
.dcase_end h3 {
  text-align: center;
  text-transform: uppercase;
}
.m_case_ct .case_list {
  height: 2.2rem !important;
  width: 24.625%;
  margin-right: 0.5% !important;
}
.m_case_ct .case_list:nth-child(3n-1) {
  margin: auto;
}
.m_case_ct .case_list:last-child {
  margin-right: 0 !important;
}
.m_case_ct .case_mask {
  height: 2.22rem;
}
/***********内页关于我们************/
.n_about,
.n_team {
  height: 4.8rem;
}
.n_service {
  height: 6rem;
}
.n_service .n_aimg img {
  height: 6rem;
  object-fit: cover;
}
.n_about {
  display: flex;
}
.n_about .n_atext {
  border-top: 1px solid #ccc;
}
.n_atext img{margin-top:0.3rem;}
.n_service .n_atext {
  border-bottom: 1px solid #ccc;
}
.n_aimg img {
  height: 4.8rem;
  object-fit: cover;
}
.n_atext {
  padding: 0.9rem 3.5rem 0 1.1rem;
  position: relative;
}
.s_text h1{
  text-transform: uppercase;
  position: absolute;
  color: rgba(0, 0, 102, 0.1);
  right: 2.6rem;
  top: 0.4rem;
}

.n_team h1{right: 0.45rem;}
.s_text h1{font-weight: normal;}
.n_team .s_text {
  right: 0.4rem !important;
}
.s_img {
  margin-top: 0.5rem;
}
.s_img img {
  border-right: 1px solid #ccc;
}
.s_img img:last-child {
  border-right: none;
}
.n_atext span {
  display: block;
  width: 0.35rem;
  height: 3px;
  margin-top: 0.25rem;
  background: #0000ff;
}
.n_atext p {
  margin-top: 0.4rem;
  line-height: 1.8;
}

.n_atext p:last-child {
  color: #000000;
  font-size: 14px;
}
.n_team {
  display: flex;
}
.n_team .n_atext {
  padding: 0.7rem 1.1rem 0 3.7rem;
}
.n_service {
  display: flex;
}
.n_aimg {
  width: 50%;
}
.n_atext {
  width: 50%;
}
.n_dotitle {
  position: relative;
  height: 2rem;
}
.n_dotitle h3 {
  padding-top: 1.2rem;
}
.n_dotitle h1 {
  font-weight: normal;
  text-transform: uppercase;
  position: absolute;
  color: rgba(0, 0, 102, 0.1);
  right: 0rem;
  top: 1rem;
}
.do_list {
  width: 25%;
  float: left;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  height: 7.13rem;
}
.do_cont {
  color: #fff;
  padding: 0.85rem 0.6rem 0.15rem 0.6rem;
  background: rgba(0, 0, 102, 0);
  height: 7.13rem;
  transition: all .36s ease;
}
.do_cont p{line-height: 2;}
.do_list img {
  position: absolute;
  bottom: 1.05rem;
  right: 0.6rem;
}
.do_cont p {
  opacity: 0;
}
.do_list:hover .do_cont {
  background: rgba(0, 0, 102, 0.8);
}
.do_list:hover p {
  opacity: 1;
}
#ny_casedt {
  background: #eee;
  padding-bottom: 1.5rem;
}
.case_d {
  background: #fff;
  top: -1.3rem;
}
.do_cont h4 {
  margin-bottom:0.3rem;
}
.case_dct {
  height: 0.7rem;
  background: #0000ff;
  line-height: 0.7rem;
  text-align: center;
  color: #ffffff;
  margin-top: 0.2rem !important;
  width: 14rem;
}
.case_dct a {
  color: #fff;
}
/***********内页服务流程************/
.n_service_ct {
  padding-left: 2.6rem;
  height: 8rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.service_nav {
  width: 21%;
  float: left;
}
.service_nav li {
  font-size:26px;
  height: 1rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  position: relative;
}
.service_nav li img{position:absolute;right:0.3rem; opacity:0; }
.service_nav li:last-child {
  border-bottom: none;
}
.service_nav li span {
  font-size: 36px;
  margin: 0 0.36rem;
}
.service_cont {
  width: 79%;
  float: left;
}
.service_nav li.active {
  background: #0000ff;
  color: #ffffff;
  position: relative;
  z-index: 2;
  width: 130%;
  border-bottom: none;
}
.service_nav li.active img{opacity: 1;}

.service_nav li:last-child img{width:59px;}
.service_cont .content-slide {
  position: relative;
  height: 8rem;
}
.service_cont .content-slide > img {
  height: 8rem;
  width: 100%;
  object-fit: cover;
}
.ser_text {
  padding: 0.4rem 2.65rem 0.4rem 1.1rem;
  color: #fff;
  width: 9.6rem;
  height: 3.06rem;
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 102, 0.8) 0%, rgba(0, 0, 102, 0) 100%);
}
.ser_text span {
  width: 2px;
  height: 0.32rem;
  background: #ffffff;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.ser_text p {
  font-size: 22px;
  margin-top:0.2rem;
  line-height: 1.8;
}
.n_ft_contact {
  height: 0.7rem;
  background: #0000ff;
  line-height: 0.7rem;
  text-align: center;
  color: #ffffff;
  margin-top: 0.2rem !important;
  width: 14rem;
  margin-left: 2.6rem !important;
}
.n_ft_contact a {
  color: #fff;
}
/***********联系我们************/
#ny_contact {
  position: relative;
}
.ct_title {
  height: 3.43rem;
}
.ct_lf h4 {
  padding-top: 0.5rem;
  color: #ffffff;
}
.ct_lf > span {
  display: block;
  width: 5.8rem;
  height: 1px;
  background: #ffffff;
  margin-top: 0.15rem;
}
.ct_lf p {
  display: flex;
  color: #ffffff;
  font-size: 16px;
  margin-top: 0.15rem;
  align-items: center;
}
.ct_lf p img {
  width: 0.23rem;
  margin-right: 0.1rem;
}
.ct_rt {
  position: absolute;
  top: 0.42rem;
  right: 0;
}
.ct_rt .ct_list {
  float: left;
  margin-left: 0.35rem;
}
.ct_rt .ct_list p {
  font-size:18px;
  color: #ffffff;
  text-align: center;
}
.ct_cont h4 {
  margin: 0.65rem 0 0.35rem 0;
}
.form-group {
  margin-bottom: 0.15rem;
}
.form-group:first-child input {
  width: 2.3rem;
}
.form-group input {
  padding-left: 0.2rem;
  width: 4.64rem;
  outline: none;
  height: 0.42rem;
  border: 1px solid #ccc;
  font-family: 微软雅黑;
}
.form-group textarea {
  width: 4.64rem;
  padding: 0.2rem ;
  outline: none;
  height: 1.75rem;
  border: 1px solid #ccc;
  font-family: 微软雅黑;
}
.form-group:last-child input {
  width: 1.12rem;
  color: #fff;
  padding-left: 0;
}
.submit {
  background: #0000ff;
  border:none !important;
}
.reset {
  background: #000;
  border:none !important;
}
.ct_cont {
  min-height: 6.5rem;
}
.ct_mapct {
  height: 6.04rem;
  width: 8.14rem;
  position: absolute;
  top: 3.45rem;
  right: 2.6rem;
  background-size: 100% !important;
}
.ct_mapct img{box-shadow:0 0 5px #ccc;}
  /***********底部************/
#yn_footer {
  background: #000;
}
#yn_footer h4 {
  color: #ffffff;
  margin-bottom: 0.3rem;
  font-size:24px;
}
.ft_wrap {
  padding: 0.75rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ft_logo {
  width: 2.4rem;
  float: left;
  margin-top:-0.13rem;
}
.ft_ewm {
  margin-top: 0.05rem;
  width: 1.4rem;
  text-align: center;
}
.ft_ewm p {
  text-align: center;
  margin-top: 0.05rem;
  color: #ffffff;
}
.ft_nav {
  width: 2rem;
  float: left;
}
.ft_nav a {
  color: #777777;
  font-size: 14px;
  transition: all 0.6s ease 0s;
  padding-bottom: 0.1rem;
  display: block;
  margin-bottom: 0.1rem;
  border-bottom: 1px solid #585656;
}
.ft_nav a:hover {
  color: #0000ff;
  border-bottom: 1px solid #0000ff;
}
.ft_contact {
  width: 6rem;
  padding: 0 1.2rem;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ft_contact li {
  color: #ffffff;
  font-size:14px;
  position: relative;
  padding-left: 0.3rem;
  margin-bottom: 0.2rem;
}
.ft_contact li span {
  display: inline-block;

  width: 0.23rem;
  position: absolute;
  left: 0;
}
.ft_brand {
  width: 3.6rem;
  float: left;
}
.ft_brand li {
  width: 33%;
  float: left;
  margin-bottom: 0.2rem;
}
.ft_brand li:hover{cursor: pointer;}
.ft_brand li:nth-child(3n-1) {
  margin: 0 0.5%;
}
.ft_brand li {
  height: 0.54rem;
  background: #ffffff;
  background-size: 100%;
  transition: all 0.6s ease 0s;
}
.ft_brand li:nth-child(1) {
  background-image: url(../images/ft_logo1.png);
}
.ft_brand li:nth-child(2) {
  background-image: url(../images/ft_logo2.png);
}
.ft_brand li:nth-child(3) {
  background-image: url(../images/ft_logo3.png);
}
.ft_brand li:nth-child(4) {
  background-image: url(../images/ft_logo4.png);
}
.ft_brand li:nth-child(5) {
  background-image: url(../images/ft_logo5.png);
}
.ft_brand li:nth-child(1):hover {
  background-image: url(../images/ft_logo1b.png);
  background-color: #0000ff;
}
.ft_brand li:nth-child(2):hover {
  background-image: url(../images/ft_logo2b.png);
  background-color: #0000ff;
}
.ft_brand li:nth-child(3):hover {
  background-image: url(../images/ft_logo3b.png);
  background-color: #0000ff;
}
.ft_brand li:nth-child(4):hover {
  background-image: url(../images/ft_logo4b.png);
  background-color: #0000ff;
}
.ft_brand li:nth-child(5):hover {
  background-image: url(../images/ft_logo5b.png);
  background-color: #0000ff;
}
.ft_copyright {
  border-top: 1px solid #585656;
}
.ft_copyright p {
  color: #b5b5b5;
  padding: 0.2rem 0;
  text-align: center;
  font-size:12px;
}
.ft_copyright a{color:#b5b5b5; font-size:12px;}

.ft_yqljnew{
  padding-bottom: 20px;
}
.ft_yqljnew a {
  color: #777777;
  font-size: 14px;
}
.ft_yqljnew a:hover {
  color: #0000ff;
}

/***********侧边栏************/
#sub_side {
  border: 1px solid #ccc;
  position: fixed;
  right: 0;
  top: 26%;
  z-index: 1000;
  transition: width .3s ease 0s;
  background: #fff;
}
#sub_side:hover {
  border: 1px solid transparent;
}
.side_list {
  width: 300px;
  display: none;
  height: 60px;
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 9999;
}
#sub_side li:hover .side_list {
  background: #0000ff;
  color: #fff;
}
#sub_side li:last-child:hover {
  background: #0000ff;
  color: #fff;
}
#sub_side li {
  width: 1.2rem;
  height: 0.6rem;
  position: relative;
  transition: background .3s ease 0s;
  z-index: 2;
  margin: 0 !important;
  border-bottom: 1px solid #f0f0f0;
}
#sub_side li:last-child {
  border-bottom: none;
}
.icon p {
  position: absolute;
  left: 45px;
  top: 20px;
}
#sub_side li .ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 20px;
  top: 22px;
  z-index: 2;
  background-size: 100% !important;
}
#sub_side .ico1 {
  background: url(../images/s_icon1a.png) no-repeat center;
}
#sub_side .ico2 {
  background: url(../images/s_icon2a.png) no-repeat center;
}
#sub_side .ico3 {
  background: url(../images/s_icon3a.png) no-repeat center;
}
#sub_side .ico4 {
  background: url(../images/s_icon4a.png) no-repeat center;
}
#sub_side li:hover .ico1 {
  background: url(../images/s_icon1b.png) no-repeat center;
}
#sub_side li:hover .ico2 {
  background: url(../images/s_icon2b.png) no-repeat center;
}
#sub_side li:hover .ico3 {
  background: url(../images/s_icon3b.png) no-repeat center;
}
#sub_side li:hover .ico4 {
  background: url(../images/s_icon4b.png) no-repeat center;
}


@media screen and (max-width: 1910px){

  h1 {
    font-size: 60px;

  }
  h2 {
    font-size: 48px;
  }
  h3 {
    font-size: 36px;
  }


  #yn_header .search_box .search-btn img{width:40%;    margin-left: 50%;}
  #yn_intro .intro_nav p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  height:42px;line-height: 21px;}
/*  h5{font-size:15px;}
  p{font-size:13px;}*/
  .uate_text p{
    height:46px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
  .nav li.active a{    padding-bottom: 0.05rem;}
  .n_atext {
    padding: 0.9rem 0.5rem 0 1.1rem;
    position: relative;
  }
  .n_team .n_atext {
    padding: 0.7rem 1.1rem 0 1rem;
  }
  .ft_contact{padding: 0 1rem;}

  .ft_nav{width:2.8rem;}
  .num_scroll{width:5rem;}
  .st_service .vct_lilst p{margin-bottom:0.1rem;}
  .s_img{display: none;}
  .w_solution .intro_fl span{margin:0.15rem 0}
  .w_solution .intro_fl p{margin-bottom:0.2rem;}
  .st_nav ul{width:8rem;}
  .index_video{top:0; right:0;left: auto;}

  .news_ctwrap {    height: 2.5rem;}


  .st_service .vct_lilst{height:4.6rem;}
  .service_wrap{height:4.61rem;}
  .vct_lilst .st_bb img{height:100%;object-fit: cover;}
  .ct_lf p{margin-top:0.05rem;}
  .nav li a:hover {

    padding-bottom: 0.05rem;
  }
  .w_solution .intro_fl{padding-right:0.5rem; padding-top:0.4rem;}
  .w_solution .intro_fl a{height:0.6rem; line-height: 0.6rem;}
  .n_case_nav li{width:1.5rem;}
}

@media only screen and (max-width:1600px) {
    #yn_intro { margin-top: 0; }

    /*banner*/
    .slide_ct p {  width: 55%; }

    .s_bmore {  margin-top: 0.3rem; margin-bottom: 0.4rem;  }

    .slide_ct p { width: 55%; padding-top: 0;}

   /*浮窗*/
   #sub_side li { width: 1.6rem;}

   .icon p  { top:15px;}
   #sub_side li .ico { top: 17px;}

   #yn_footer h4 { font-size: 22px; }

}


@media only screen  and (max-width:1440px)  {
  .slide_ct { width: 47%;}

  #yn_banner .swiper-button-prev,#yn_banner .swiper-button-next {top: 56%;}

  .seoh1 { font-size: 0.35rem;}

  .intro_text { left: 2.5rem; }

  .news_ctwrap { height: 2.7rem;}

  /*浮窗*/
   #sub_side li { width: 1.7rem;}

  .icon p  { top:11px;}
   #sub_side li .ico { top: 12px;}

   .intro_nav li:nth-child(1) {    background-position: 0% 0.3rem;}

   .num_scroll {margin-top: -0.2rem; line-height: 1;}

  /* #sub_side li:hover .ico1 { top: 20px; }*/
   #sub_side li:hover .icon p { top: 9px;}
   .side_list {  height: 0.6rem; }

}


@media only screen and (max-width:1366px)   {
  .slide_ct { width: 47%;}

  #yn_banner .swiper-button-prev,#yn_banner .swiper-button-next {top: 56%;}

  .s_bmore:before { content: "MORE"; right: 0.38rem; }
  .s_bmore:after {  content: ">"; top: 0.15rem}

  .seoh1 { font-size:0.35rem !important;}

  .intro_text { left: 2.5rem; }

  .news_ctwrap { height: 2.7rem;}

   /*浮窗*/
   #sub_side li { width: 1.7rem;}

  .icon p  { top:11px;}
   #sub_side li .ico { top: 12px;}

   .intro_nav li:nth-child(1) {    background-position: 0% 0.3rem;}

  #sub_side li:hover .icon p { top: 9px;}


}